<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>02何为数据代理</title>
	</head>
	<body>
		<!-- 数据代理:通过一个对象代理对另一个对象中的属性进行操作（读/写) -->
		<script>
			//配置完全局配置之后再创建Vue实例,关闭Vue的生产提示标识
			Vue.config.productionTip = false;
			let obj1 = {
				x: 100
			};
			let obj2 = {
				y: 200
			};
			Object.defineProperty(obj2, 'x', {
				get() {
					return obj1.x;
				},
				set(value) {
					console.log("obj2中的x属性值改变了", value);
					obj1.x = value;
				}
			});
		</script>
	</body>
</html>